<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" th:href="@{public/base/css/normalize.css}">
		<link rel="stylesheet" type="text/css" th:href="@{public/base/css/index.css}"/>
	</head>
	<body>
		<div class="container">
			<!--等分-->
			<div class="row">
				<div class="col_4 col_shadow">
					<div class="panel_body">
						<form class="form_group" id="upload_form" enctype="multipart/form-data">
							<label>给个小标题</label><input type="text" id="title" name="title"/>
							<label>选择图片</label><input type="file" name="photoPath" id="img_path"/><span id="file_replace" class="file_replace"></span>
							<label>选择分类</label>
							<select name="type" id="img_type">
								<option value="">请选择</option>
								<option value="joyful">喜悦</option>
								<option value="unwilling">不舍</option>
								<option value="everyday">日常</option>
								<option value="commemorate">纪念</option>
							</select>
							<div class="select_down">
								<i class="fa fa-sort"></i><span>请选择</span>
								<ul>
									<li>请选择</li>
									<li>喜悦</li>
									<li>不舍</li>
									<li>日常</li>
									<li>纪念</li>
								</ul>
							</div>
							<label>写个故事</label>
							<textarea name="description" id="description"></textarea>
							<div class="form_btn"><input class="fr bg_blue_grey" type="button" onclick="uploadImg()" value="提交"></div>
						</form>
					</div>
				</div>
			</div>
		</div>
		<script th:src="@{public/base/js/jquery-3.2.1.min.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{public/base/js/common.js}" type="text/javascript" charset="utf-8"></script>
		<script th:src="@{public/upload/upload.js}" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
